<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="David Rodr&iacute;guez Condezo">
    <meta name="author" content="David Rodr&iacute;guez Condezo">	
	
	 <title>David Rodr&iacute;guez Condezo</title>
	 
	<link rel="stylesheet" href="css/jquery.mobile.structure-1.3.0.css">
	<link rel="stylesheet" href="temas/clasico.css">
	
	<script src="js/jquery-1.9.1.js"></script>
	<script src="js/jquery.mobile-1.3.0.js"></script>	
	
</head>
<body>

<div data-role="page" id="pagina" data-theme="a">
    <div data-role="header">
		<h3>Sitios tur&iacute;sticos</h3>
    </div>
    <div data-role="content">			
	
		<form name="form1" action="test.php" method="post" data-ajax="false">		
			<ul data-role="listview" data-inset="true">
				<li>Datos personales</li>
					<label for="text-basic">Nombres:</label>
					<input type="text" name="nombres" />
					
					<label for="text-basic">Numero:</label>
					<input type="number" name="numero" pattern="[0-9]*" id="numero" />
					
					<label for="text-basic">Clave:</label>
					<input type="password" name="clave" id="clave" autocomplete="off" />
					
					<label for="date">Fecha de nacimiento:</label>
					<input type="date" name="fec_nac" id="date" />
					
					<label for="tel">Celular:</label>
					<input type="tel" name="celular" id="tel" />
					
					<label for="tel">Buscar:</label>
					<input type="search" name="busqueda" id="busqueda" />

				<li>Datos laborales</li>
					<label for="text-basic">&#191;Puede trabajar en provincia?</label>
					<select name="prov" id="prov" data-role="slider">
						<option value="off" >No</option>
						<option value="on" >S&iacute;</option>
					</select>
					
					<fieldset data-role="controlgroup">
						<legend>L&iacute;nea de carrera:</legend>
						<input type="checkbox" name="1a" id="checkbox-1a"/>
						<label for="checkbox-1a">Infraestructura</label>
						<input type="checkbox" name="2a" id="checkbox-2a"/>
						<label for="checkbox-2a">Telecomunicaciones</label>
						<input type="checkbox" name="3a" id="checkbox-3a"/>
						<label for="checkbox-3a">Desarrollo de software</label>
					</fieldset>
					
					<label for="sistemaop" class="select">Sistema operativo favorito:</label>
					<select name="sistemaop" id="sistemaop">
						<option value="1">Android</option>
						<option value="2">iOS</option>
						<option value="3">WebOS</option>
						<option value="4">Firefox OS</option>
					</select>
					
					<fieldset data-role="controlgroup">
						<legend>&#191;Tiene experiencia profesional?</legend>
						<input type="radio" name="exper" id="exper_si">
						<label for="exper_si">S&iacute;</label>
						<input type="radio" name="exper" id="exper_no">
						<label for="exper_no">No</label>
					</fieldset>
					
					<label for="slider-nota">Nota:</label>
					<input type="range" name="slider-nota" id="slider-nota" data-highlight="true" min="0" max="20" value="10">
			</ul>

			<br/>
			<input type="submit" value="Guardar" data-icon="check" data-theme="a"/>
		</form>
		
    </div>
    <div data-role="footer">
		<h3>Pie</h3>
    </div>
</div>


</body>
</html>